<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <#include "/header.html">
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
    <style>
        .mrginLeft{
            float: left;
            margin-left: 5px;
        }
        .tlFontSize{
            font-weight: normal;
            line-height: 35px;
        }
        ul{
            padding:0;
            list-style:none;
        }
        li{
            width:110px; height:30px; display:inline-block;
            text-align:center; line-height:30px;
            cursor:pointer;margin-left:5px;
        }
        li:before{
            display:inline-block;
            width:10px;
            height:10px;
            line-height:10px; content:""; border:1px #000 solid;
            margin-right:2px; transition:all 0.3s linear;
        }
        li.checked:before{
            background-color:#0CF;
            border:1px #fff solid;
        }
        li.checked{color:#0CF;}
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group">
                <select class="form-control mrginLeft" style="width: 120px;" v-model="templateId" placeholder="展会" @change="">
                    <option value="">请选择展会</option>
                    <option v-for="option in templates" v-bind:value="option.id">
                        {{ option.template }}
                    </option>
                </select>
                <input ref='col1' v-focus style="width: 150px;" class="form-control mrginLeft" v-model="nocMember.col1"  placeholder="手机号">
                <input ref='col2' v-focus style="width: 150px;" class="form-control mrginLeft" v-model="nocMember.col2" placeholder="公司名称">
                <a class="btn btn-default mrginLeft" @click="query">查询</a>
                <#if shiro.hasPermission("noc:nocrepay:update")>
                    <a class="btn btn-primary mrginLeft" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;回访</a>
                </#if>
                <#if shiro.hasPermission("noc:nocrepay:msg")>
                    <a class="btn btn-primary mrginLeft" @click="sendmsg"><i class="fa fa-pencil-square-o"></i>&nbsp;短信推送电子门票</a>
                </#if>
                <label class="tlFontSize"><label></label> &nbsp;&nbsp; <label></label></label>
            </div>
        </div>
        <block id="jqBlock">
            <table id="jqGrid"></table>
            <div id="jqGridPager"></div>
        </block>
    </div>

<div v-show="showCard" class="panel panel-default">
    <div class="panel-heading">发放入场证件</div>
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-2 control-label">证件编号*：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col20" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">公司*：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col2" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">手机号*：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col1" placeholder=""/>
                <label style="color:red;font-weight: normal;">*非大陆手机号请在上面输入框中填写0，并在下方的备注框里填写归属地及手机号</label>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">备注：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col21" placeholder=""/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" id="btnSaveOrUpdCard" data-loading-text="保存中..." @click="saveOrUpdCard" value="保存"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="closeLayer" value="返回"/>
        </div>
    </form>
</div>

<div v-show="showUpd" class="panel panel-default">
    <div class="panel-heading">{{title}}</div>
    <form class="form-horizontal">
        <div class="form-group" v-if="colObject.col1==true">
            <div class="col-sm-2 control-label">手机号</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col1" disabled placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col2==true">
            <div class="col-sm-2 control-label">公司</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col2" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col3==true">
            <div class="col-sm-2 control-label">姓名</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col3" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col4==true">
            <div class="col-sm-2 control-label">部门</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col4" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col5==true">
            <div class="col-sm-2 control-label">职位</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col5" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col6==true">
            <div class="col-sm-2 control-label">性别</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col6" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col7==true">
            <div class="col-sm-2 control-label">邮箱</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col7" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col8==true">
            <div class="col-sm-2 control-label">电话</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col8" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col9==true">
            <div class="col-sm-2 control-label">地址</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col9" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col10==true">
            <div class="col-sm-2 control-label">备注</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col10" disabled placeholder=""/>
            </div>
        </div>

        <div class="form-group" v-if="colObject.col11==true">
            <div class="col-sm-2 control-label">关注的同期活动</div>
            <!--<div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col11" placeholder=""/>
            </div>-->
            <ul class="box">
                <li v-for="c,index of col11"
                    :class="{checked:c.bOn}"
                    @click="checkbox11(index)">{{c.name}}</li>
            </ul>


        </div>
        <div class="form-group" v-if="colObject.col12==true">
            <div class="col-sm-2 control-label">主营产品</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col12" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col13==true">
            <div class="col-sm-2 control-label">意向采购产品</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col13" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col14==true">
            <div class="col-sm-2 control-label">参观人数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col14" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col21==true">
            <div class="col-sm-2 control-label">公司性质</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col21" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col22==true">
            <div class="col-sm-2 control-label">参观需求</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col22" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col23==true">
            <div class="col-sm-2 control-label">名片链接地址</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col23" disabled placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col24==true">
            <div class="col-sm-2 control-label">是否采购</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col24" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col25==true">
            <div class="col-sm-2 control-label">采购产品</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col25" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col33==true">
            <div class="col-sm-2 control-label">采购品牌</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col33" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col26==true">
            <div class="col-sm-2 control-label">采购金额</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col26" placeholder=""/>
            </div>
        </div>

        <div class="form-group" v-if="colObject.col50==true">
            <div class="col-sm-2 control-label">联络结果</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col50" placeholder=""/>
            </div>
        </div>

        <div class="form-group" v-if="colObject.col51==true">
            <div class="col-sm-2 control-label">组织单位</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col51" placeholder=""/>
            </div>
        </div>


        <div class="form-group" v-if="colObject.col27==true">
            <div class="col-sm-2 control-label">业务性质</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col27" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col28==true">
            <div class="col-sm-2 control-label">参观内容</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col28" placeholder=""/>
            </div>
        </div>

        <div class="form-group" v-if="colObject.col34==true">
            <div class="col-sm-2 control-label">参会时间</div>
            <ul class="box">
                <li v-for="c,index of col34"
                    :class="{checked:c.bOn}"
                    @click="checkbox34(index)">{{c.name}}</li>
            </ul>
            <!--<label class="radio-inline">
                <input type="checkbox" value="10月19日" v-model="nocMember.col34"/>10月19日
            </label>
            <label class="radio-inline">
                <input type="checkbox" value="10月20日" v-model="nocMember.col34"/>10月20日
            </label>
            <label class="radio-inline">
                <input type="checkbox" value="10月21日" v-model="nocMember.col34"/>10月21日
            </label>-->
        </div>
        <div class="form-group" v-if="colObject.col35==true">
            <div class="col-sm-2 control-label">采购分类</div>
            <div class="col-sm-10">
                <label class="radio-inline">
                    <input type="radio" value="金切机床" v-model="nocMember.col35"/> 金切机床
                </label>
                <label class="radio-inline">
                    <input type="radio" value="刀具" v-model="nocMember.col35"/> 刀具
                </label>
                <label class="radio-inline">
                    <input type="radio" value="控制系统" v-model="nocMember.col35"/> 控制系统
                </label>
                <label class="radio-inline">
                    <input type="radio" value="激光设备" v-model="nocMember.col35"/> 激光设备
                </label>
                <label class="radio-inline">
                    <input type="radio" value="钣金设备" v-model="nocMember.col35"/> 钣金设备
                </label>
                <label class="radio-inline">
                    <input type="radio" value="自动化机器人" v-model="nocMember.col35"/> 自动化机器人
                </label>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col36==true">
            <div class="col-sm-2 control-label">技术要求</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col36" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col29==true">
            <div class="col-sm-2 control-label">电话是否接通</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col29" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col30==true">
            <div class="col-sm-2 control-label">微信是否通过</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col30" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col31==true">
            <div class="col-sm-2 control-label">是否参加展会</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col31" placeholder=""/>
            </div>
        </div>

        <div class="form-group" v-if="colObject.col46==true">
            <div class="col-sm-2 control-label">回访是否接通</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col46" placeholder=""/>
            </div>
        </div>



        <div class="form-group" v-if="colObject.col39==true">
            <div class="col-sm-2 control-label">是否到场</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col39" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col40==true">
            <div class="col-sm-2 control-label">是否见到意向展商或品牌</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col40" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col41==true">
            <div class="col-sm-2 control-label">哪些品牌未见到</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col41" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col42==true">
            <div class="col-sm-2 control-label">改进和提升</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col42" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col43==true">
            <div class="col-sm-2 control-label">是否参加制博会</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col43" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col44==true">
            <div class="col-sm-2 control-label">未到现场原因</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col44" placeholder=""/>
            </div>
        </div>

        <div class="form-group" v-if="colObject.col47==true">
            <div class="col-sm-2 control-label">小诸葛电话</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col47" placeholder=""/>
            </div>
        </div>

        <div class="form-group" v-if="colObject.col48==true">
            <div class="col-sm-2 control-label">小诸葛微信</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col48" placeholder=""/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="保存"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="closeLayer" value="返回"/>
        </div>
    </form>
</div>
</div>

<script src="${request.contextPath}/statics/js/modules/noc/nocrepay.js?_${.now?long}"></script>
</body>
</html>